<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<link rel="stylesheet" href="css/mui.min.css" />
	<link rel="stylesheet" href="css/index.css" />
	<script type="text/javascript" src="js/mui.min.js"></script>
	<script src="/js/public.js"></script>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav jjs-header">
		<h2 class="mui-title">首页</h2>
		<a class="mui-icon  mui-pull-right">
			<img src="img/login-icon.png" alt="" />
		</a>
	</header>
	<div class="mui-content">
		<div class="jjs-logo"></div>
		<form class="mui-input-group search-form">
		    <div class="mui-input-row">
		    	<a href="#">
		    		<input type="text" class="mui-input-clear" placeholder="请输入关键词（基金名称、基金代码、经理简称）"  readonly="readonly">
		    	</a>
		    	<!--这里的输入框直接跳到其它页面-->
		    	<button type="button"></button>
		    </div>
		</form>
		<ul class="mui-table-view mui-grid-view mui-grid-9 list">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            	<a href="#">
                    <span class="mui-icon icon-1 icon"></span>
                    <span class="mui-media-body">基金净值</span>
            	</a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            	<a href="#">
                    <span class="mui-icon icon-2 icon"></span>
                    <span class="mui-media-body">净值估算</span>
            	</a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            	<a href="#">
                    <span class="mui-icon icon-3 icon"></span>
                    <span class="mui-media-body">基金排名</span>
            	</a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            	<a href="#">
                    <span class="mui-icon icon-4 icon"></span>
                    <span class="mui-media-body">公司排名</span>
            	</a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            	<a href="#">
                    <span class="mui-icon icon-5 icon"></span>
                    <span class="mui-media-body">板块指数排名</span>
            	</a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
            	<a href="#">
                    <span class="mui-icon icon-6 icon"></span>
                    <span class="mui-media-body">宝类产品排名</span>
            	</a>
            </li>
		</ul>
	</div>
	
</body>
</html>